html, body {
  height: 100%;
}

@font-face {
  font-family: 'icon';
  src: url(../font/iconfont.eot) format("eot"), url(../font/iconfont.svg) format("svg"), url(../font/iconfont.ttf) format("ttf"), url(../font/iconfont.woff) format("woff");
}

.icon {
  font-family: 'icon';
}

.content {
  width: 1230px;
  margin: auto;
}

.all {
  height: 100%;
}

.all .header {
  height: 70px;
  background: #c8251e;
}

.all .header .content {
  height: 100%;
  display: flex;
  justify-content: space-between;
  background: url(../images/pc/logo.png) no-repeat left center;
  background-size: 159px 47px;
}

.all .header .content h1 {
  text-indent: -999px;
}

.all .header .content .hr {
  width: 770px;
  display: flex;
  justify-content: space-between;
}

.all .header .content .hr .nav {
  width: 582px;
  display: flex;
  justify-content: center;
  border-left: 1px solid #d2625e;
}

.all .header .content .hr .nav li {
  width: 96px;
  height: 100%;
  border-right: 1px solid #d2625e;
  text-align: center;
}

.all .header .content .hr .nav li a {
  font-size: 12px;
  line-height: 70px;
  color: #fff;
}

.all .header .content .hr .nav li:hover {
  background: #414141;
}

.all .header .content .hr .tel {
  width: 186px;
  height: 100%;
  background: url(../images/pc/tel.png) no-repeat 20px 24px;
  background-size: 26px 24px;
  font-size: 12px;
  line-height: 70px;
  color: #fff;
  font-weight: 600;
  box-sizing: border-box;
  padding-left: 60px;
}

.all .banner {
  height: 500px;
  background: url(../images/pc/banner.jpg) no-repeat center center;
  background-size: 100% 100%;
}

.all .main1 {
  height: 570px;
}

.all .main1 .content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  padding-top: 50px;
}

.all .main1 .content .jieshao {
  height: 205px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.all .main1 .content .jieshao h2 {
  font-size: 32px;
}

.all .main1 .content .jieshao h3 {
  font-size: 26px;
  color: #e60002;
  font-weight: 800;
}

.all .main1 .content .jieshao p {
  font-size: 12px;
  font-weight: 600;
}

.all .main1 .content .fuwu {
  width: 920px;
  display: flex;
  justify-content: space-between;
  margin-top: 66px;
}

.all .main1 .content .fuwu div {
  width: 200px;
  height: 186px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  transition-delay: background 2s;
}

.all .main1 .content .fuwu .d1 {
  background: url(../images/pc/20160818204902_46414.png) no-repeat center top;
  background-size: 142px 142px;
  font-size: 16px;
}

.all .main1 .content .fuwu .d2 {
  background: url(../images/pc/20160818205246_25471.png) no-repeat center top;
  background-size: 142px 142px;
  font-size: 16px;
}

.all .main1 .content .fuwu .d3 {
  background: url(../images/pc/20160818205329_25470.png) no-repeat center top;
  background-size: 142px 142px;
  font-size: 16px;
}

.all .main1 .content .fuwu .d4 {
  background: url(../images/pc/20160818205400_95921.png) no-repeat center top;
  background-size: 142px 142px;
  font-size: 16px;
}

.all .main1 .content .fuwu .d1:hover {
  background: url(../images/pc/20160818204917_80717.png) no-repeat center top;
  background-size: 142px 142px;
}

.all .main1 .content .fuwu .d2:hover {
  background: url(../images/pc/20160818205259_15898.png) no-repeat center top;
  background-size: 142px 142px;
}

.all .main1 .content .fuwu .d3:hover {
  background: url(../images/pc/20160818205339_75592.png) no-repeat center top;
  background-size: 142px 142px;
}

.all .main1 .content .fuwu .d4:hover {
  background: url(../images/pc/20160818205411_74101.png) no-repeat center top;
  background-size: 142px 142px;
}

.all .main2 {
  height: 1107px;
  background: #f7f7f7;
}

.all .main2 .content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  padding-top: 56px;
}

.all .main2 .content .title {
  height: 75px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.all .main2 .content .title h2 {
  font-size: 28px;
  color: #e7005e;
}

.all .main2 .content .title h3 {
  font-size: 32px;
  font-weight: 300;
}

.all .main2 .content .anli {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 101px;
}

.all .main2 .content .anli .case {
  width: 391px;
  height: 406px;
  background: #fff;
  border-bottom: 1px solid #ccc;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
  padding-bottom: 25px;
  margin-bottom: 30px;
}

.all .main2 .content .anli .case img {
  width: 100%;
  height: 318px;
}

.all .main2 .content .anli .case .cb {
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
}

.all .main2 .content .anli .case .cb .cbl {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.all .main2 .content .anli .case .cb .cbl p:nth-child(1) {
  font-size: 18px;
  font-weight: 800;
}

.all .main2 .content .anli .case .cb .cbl p:nth-child(2) {
  font-size: 12px;
  color: #9c9899;
}

.all .main2 .content .anli .case .cb .cbr {
  width: 24px;
  height: 24px;
  background: url(../images/pc/pc1/right-2.png) no-repeat center center;
  background-size: 24px 24px;
}

.all .main3 {
  height: 303px;
  background: #ce0000;
}

.all .main3 .content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}

.all .main3 .content h2 {
  font-size: 30px;
  color: #fff;
}

.all .main3 .content div:nth-child(2) {
  width: 50px;
  height: 35px;
}

.all .main3 .content div:nth-child(2) img {
  width: 100%;
  height: 100%;
}

.all .main3 .content div:nth-child(3) {
  width: 141px;
  height: 44px;
  border: 1px solid #fff;
  text-align: center;
}

.all .main3 .content div:nth-child(3) span {
  font-size: 10px;
  line-height: 44px;
  color: #fff;
}

.all .main4 {
  height: 637px;
  background: #e4e4e4;
}

.all .main4 .content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  padding-top: 60px;
  padding-bottom: 60px;
}

.all .main4 .content .nt {
  height: 138px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.all .main4 .content .nt h3 {
  font-size: 20px;
  color: #848484;
}

.all .main4 .content .nt h2 {
  font-size: 28px;
  font-weight: 800;
}

.all .main4 .content .nt .ntnav {
  width: 234px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.all .main4 .content .nt .ntnav span {
  font-size: 16px;
  font-weight: 700;
}

.all .main4 .content .nt span:hover {
  color: #d3011e;
  font-weight: 700;
}

.all .main4 .content .nb {
  height: 337px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.all .main4 .content .nb .nbl {
  width: 318px;
  height: 337px;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.all .main4 .content .nb .nbl img {
  width: 100%;
  height: 102px;
}

.all .main4 .content .nb .nbl .nblm {
  height: 68px;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  padding-left: 12px;
  padding-right: 12px;
}

.all .main4 .content .nb .nbl .nblm img {
  width: 68px;
  height: 100%;
}

.all .main4 .content .nb .nbl .nblm .nblmr {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.all .main4 .content .nb .nbl .nblm .nblmr .nmt {
  font-size: 12px;
  color: #d2001f;
}

.all .main4 .content .nb .nbl .nblm .nblmr .nmb {
  height: 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.all .main4 .content .nb .nbl .nblm .nblmr .nmb div:nth-child(1) {
  font-size: 12px;
  background: url(../images/pc/rt.png) no-repeat left center;
  background-size: 15px 14px;
  box-sizing: border-box;
  padding-left: 20px;
  color: #676664;
}

.all .main4 .content .nb .nbl .nblm .nblmr .nmb div:nth-child(2) {
  font-size: 12px;
  background: url(../images/pc/zy.png) no-repeat left center;
  background-size: 12px 12px;
  box-sizing: border-box;
  padding-left: 20px;
  color: #676664;
}

.all .main4 .content .nb .nbl .article {
  font-size: 12px;
  line-height: 26px;
  color: #818181;
  text-indent: 8px;
  box-sizing: border-box;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 25px;
}

.all .main4 .content .nb .nbr {
  width: 774px;
  column-count: 2;
  margin-left: 30px;
}

.all .main4 .content .nb .nbr .nbr1 {
  width: 376px;
  height: 98px;
  background: #fff;
  display: flex;
  justify-content: space-around;
}

.all .main4 .content .nb .nbr .nbr1 .bg {
  width: 58px;
  height: 58px;
  background: url(../images/pc/rl.png) no-repeat center center;
  background-size: 58px 58px;
}

.all .main4 .content .nb .nbr .nbr1 .wz {
  width: 263px;
  height: 58px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.all .main4 .content .nb .nbr .nbr1 .wz .p1 {
  font-size: 12px;
  font-weight: 700;
}

.all .main4 .content .nb .nbr .nbr1 .wz .p2 {
  font-size: 12px;
  line-height: 18px;
  color: #ccc;
}

.all .main4 .content .nb .nbr .nbr1:hover {
  background: red;
}

.all .main4 .content .nb .nbr .nbr1:hover .wz {
  color: #fff;
}

.all .footer {
  height: 100px;
}

.all .footer .content {
  height: 74px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
